// pages/common/customDownList/customDounList.js
Component({
  options: {
    multipleSlots: true // 在组件定义时的选项中启用多slot支持
  },

  properties: {
    // 这里定义了innerText属性，属性值可以在组件使用时指定
    selectData: {
      type: [String],
      value: ["上传","新建相册","注销账号"]
    },
    isSure: {
      type: Boolean,
      value: false
    }
  },

  /**
   * 页面的初始数据
   */
  data: {
    show: false,//控制下拉列表的显示隐藏，false隐藏、true显示
    index: 0//选择的下拉列表下标
  },
  /**
     *  自定义 方法
     */
  methods: {
     /**
     * 弹出框蒙层截断touchmove事件
     */
    preventTouchMove: function() {
      console.log("蒙版层事件")
      this.setData({
        show: false
      });
    },
      /**
       * 隐藏模态对话框
       */
      hideModal: function() {
          console.log("蒙版层事件 hideModal ")
          this.setData({
              showModal: false
          });
      },
    // 点击下拉显示框
    selectTap() {
      this.setData({
        show: !this.data.show
      });
    },
    // 点击下拉列表
    optionTap(e) {
      let Index = e.currentTarget.dataset.index;//获取点击的下拉列表的下标
      this.setData({
        index: Index,
        show: !this.data.show
      });
      this.triggerEvent("ButtonClick", {
        index: Index
      });
    }
  },

})